// 页面进入动画
.fade-enter-active,
.fade-leave-active {
  transition: all 0.5s;
}
.fade-enter,
.fade-leave-to {
  opacity: 0;
}
.fade-enter {
  transform: translateY(30px);
}
.fade-leave-to {
  transform: translateY(-30px);
}
// 页面进入动画 end                

// tab动画
.tab-enter-active,
.tab-leave-active {
  transition: all 0.5s;
}
.tab-enter,
.tab-leave-to {
  opacity: 0;
}
.tab-enter {
  transform: translateY(3px);
}
.tab-leave-to {
  transform: translateY(-10px);
}
// tab动画 end

// 图片列表动画
.image-list-transition-enter{
  opacity: 0;
}
.image-list-transition-enter-to{
  opacity: 1;
}
.image-list-transition-enter-active{
  /*用3s的时间过渡从显示开始到显示结束*/
  transition: all 3s;
}
.image-list-transitionleave{
  opacity: 1;
}
.image-list-transition-leave-to{
  opacity: 0;
}
.image-list-transition-leave-active{
  /*用3s的时间过渡从隐藏开始到隐藏结束*/
  transition: all 3s;
}
// 图片列表动画 end